<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="attributeName" label="属性名" width="180" />
    <el-table-column prop="desc" label="说明" width="" />
    <el-table-column prop="defaultValue" label="默认值" width="180" />
  </el-table>
</template>

<script lang="ts" setup>
const tableData = ref([
  {
    attributeName: "v-model",
    desc: "双向绑定值",
    defaultValue: "",
  },
  {
    attributeName: "type",
    desc: "对增改查使用同一个弹框时传入当前开启的状态 add|edit|view 三种状态， 可以对columns数组中的addDisplay | editDisplay | viewDisplay属性进行控制显隐",
    defaultValue: "-",
  },
  {
    attributeName: "clearable",
    desc: "是否显示清除按钮",
    defaultValue: "true",
  },
  {
    attributeName: "dicData",
    desc: "对下拉框option数组赋值的变量",
    defaultValue: "false",
  },
  {
    attributeName: "filterable",
    desc: "对下拉框内容进行搜索",
    defaultValue: "false",
  },
  {
    attributeName: "multiple",
    desc: "对下拉框内容进行多选",
    defaultValue: "false",
  },
  {
    attributeName: "format",
    desc: "显示在输入框中的格式",
    defaultValue: "YYYY-MM-DD HH:mm:ss",
  },
  {
    attributeName: "valueFormat",
    desc: "可选，绑定值的格式",
    defaultValue: "YYYY-MM-DD HH:mm:ss",
  },
  {
    attributeName: "disabled",
    desc: "是否禁用",
    defaultValue: "false",
  },
  {
    attributeName: "addBtn",
    desc: "显隐自带的表单确定按钮 true | false",
    defaultValue: "false",
  },
  {
    attributeName: "resetBtn",
    desc: "显隐自带的表单重置按钮 true | false",
    defaultValue: "false",
  },
  {
    attributeName: "addDisplay",
    desc: "新增时显隐该字段 true | false",
    defaultValue: "true",
  },
  {
    attributeName: "editDisplay",
    desc: "修改时显隐该字段 true | false",
    defaultValue: "true",
  },
  {
    attributeName: "viewDisplay",
    desc: "查看时显隐该字段 true | false",
    defaultValue: "true",
  },

  {
    attributeName: "formLabelWidth",
    desc: "表单label宽度 不传默认80",
    defaultValue: "80",
  },
  {
    attributeName: "formLabelPosition",
    desc: "调整form组件文字位置 left|top|right",
    defaultValue: "right",
  },
  {
    attributeName: "labelWidthSpan",
    desc: "form组件单个宽度 不传默认8",
    defaultValue: "8",
  },
  {
    attributeName: "menuPosition",
    desc: "调整按钮位置left|center|right",
    defaultValue: "left",
  },
  {
    attributeName: "placeholder",
    desc: "自定义占位符",
    defaultValue: "-",
  },
  {
    attributeName: "value",
    desc: "下拉框/单选框默认选中的值为String， 数组输入框是number",
    defaultValue: "",
  },
  {
    attributeName: "showWordLimit",
    desc: "多文本输入框开启字数显示",
    defaultValue: "false",
  },
  {
    attributeName: "maxlength",
    desc: "多文本输入框最大输入数 number",
    defaultValue: "",
  },
  {
    attributeName: "rows",
    desc: "type为textarea类型rows生效 number",
    defaultValue: "",
  },
  {
    attributeName: "card",
    desc: "是否开启卡片模式 true | false",
    defaultValue: "false",
  },
  {
    attributeName: "row",
    desc: "是否单独一行展示",
    defaultValue: "false",
  },
  {
    attributeName: "descLabelWidthSpan",
    desc: "只读form组件单个宽度 不传默认12",
    defaultValue: "12",
  },
  {
    attributeName: "descLabelAlign",
    desc: "只读表单label位置",
    defaultValue: "left",
  },
  {
    attributeName: "descLabelWidth",
    desc: "只读表单label宽度",
    defaultValue: "80",
  },
  {
    attributeName: "space",
    desc: "为true去除只读表单左右padding",
    defaultValue: "true",
  },
  {
    attributeName: "closeBtnText",
    desc: "设置只读表单按钮文字",
    defaultValue: "",
  },
  {
    attributeName: "closeBtn",
    desc: "设置只读表单按钮 true | false",
    defaultValue: "false",
  },
  {
    attributeName: "descMenuPosition",
    desc: "设置只读表单底部按钮位置 left | center | right",
    defaultValue: "right",
  },
]);
</script>

<style>
</style>